<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>找回密码</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/index.css"/>
    <script src="./js/jquery.js"></script>
    <script src="lib/layer/layer.js"></script>
    <script src="js/base.js"></script>
</head>
<body>
<div class="login_bg">
    <img class="logBg" src="./images/login.jpg" alt=""/>
    <div class="login_b">
        <div class="loginTab"><span class="tab">手机</span><span>邮箱</span></div>
        <div class="loginN">
            <div class="error"><span class="errorT">您输入的格式有误</span><span class="xx">×</span></div>
            <form action="">
                <div class="user border_login" style="margin-top: 20px"><img src="./images/login_phone.png" alt=""/><input type="text" placeholder="请输入手机号"/></div>
                <div class="yanCode">
                    <div class="yan border_login">
                        <img src="./images/login_yan.png" alt=""/>
                        <input type="text" placeholder="请输入验证码"/>
                    </div>
                    <input class="loginR sendCode" type="button" value="发送验证码"/>
                </div>
                <div class="user border_login"><img src="./images/login_password.png" alt=""/><input type="text" placeholder="请输入密码"/></div>
                <div class="user border_login"><img src="./images/login_password.png" alt=""/><input type="text" placeholder="请再次输入密码"/></div>
                <div class="loginBtn">
                    <button>确 认</button>
                </div>
            </form>
        </div>
        <div class="loginN" style="display: none;">
            <div class="emailS" >
                <div class="error"><span class="errorT">您输入的格式有误</span><span class="xx">×</span></div>
                    <div class="user border_login" style="margin-top: 20px"><img src="./images/login_email.png" alt=""/><input type="text" placeholder="请输入邮箱号"/></div>
                    <div class="yanCode">
                        <div class="yan border_login">
                            <img src="./images/login_yan.png" alt=""/>
                            <input type="text" placeholder="请输入验证码"/>
                        </div>
                        <img class="loginR" src="http://192.168.1.32:8000/support/captcha" onclick='this.src=this.src+"?c="+Math.random()' alt=""/>
                    </div>
                    <div class="loginBtn">
                        <button class="next">下一步</button>
                    </div>
            </div>
            <div class="emailSuccess" style="display: none">
                <img src="./images/loginsuccess.png" alt=""/>
                <div class="emailT">请访问邮件中给出的网页链接地址，根据页面提示完成密码重设。</div>
                <div class="loginBtn" style="margin-top: 30px">
                    <button class="next">下一步</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $('.xx').click(function(){
        $('.error').css('display','none')
    })
    $('.loginTab span').click(function(){
        console.log('///')
        var index=$(this).index();
        $(this).addClass('tab').siblings().removeClass('tab');
        $(".loginN").eq(index).css("display","block").siblings(".loginN").css("display","none")
    })
    $('.next').click(function(){
        $('.emailS').css("display","none")
        $('.emailSuccess').css("display","block")
    })
</script>
</html>